<template>
  <div>
    <h5>VUE基础知识</h5>
    <input type="text" v-model="str">
    <p>{{str}}</p>
  </div>
</template>

<script setup lang="ts">

//v-model 双向绑定 主要用于表单元素
//双向绑定： 数据变 视图变,   视图变 数据变

import { reactive,toRefs } from 'vue';

let data=reactive({
  str:'hello'
})
let {str} = toRefs(data)

</script>

<style scoped>

</style>